const BgDom = document.querySelector(".Bg")

//拿到BgDom对象的所有样式
const BgStyle = getComputedStyle(BgDom)

//拿到BgDom对象的宽度和高度
const BgWidth = parseFloat(BgStyle.width)
const BgHeight = parseFloat(BgStyle.height)

// 创建背景类 继承Rectangle 
class Bg extends Rectangle {
    //构造函数
    constructor() {
        //调用父类的构造函数,传递参数    背景要向左移动，速度为负
        super(BgWidth, BgHeight, 0, 0, -100, 0, BgDom)
    }

    onMove() {
        if (this.left < -BgWidth / 2) {
            this.left = 0
        }
    }

}

let bg = new Bg()

setInterval(function () {
    bg.move(16 / 1000)
}, 16)
